<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>佣金转入</title>
	<meta name="format-detection" content="telephone=no,email=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
	<!-- <link href="__PUBLIC__/Admin/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet"> -->
	<!-- <link href="__PUBLIC__/Admin/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet"> -->
	<link href="__PUBLIC__/Admin/css/animate.min.css" rel="stylesheet">
	<!-- <link href="__PUBLIC__/Admin/css/style.min862f.css?v=4.1.0" rel="stylesheet"> -->
	<!-- <link href="__PUBLIC__/Home/css/page.css" rel="stylesheet"> -->
</head>
<style type="text/css">
	/* body {
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			-khtml-user-select: none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			overflow-y: scroll;
		}
		.facesj{
			display: inline-block;
			background-color: #1fa1dc;
			width: 60px;
		    height: 32px;
		    line-height: 32px;
		    border-radius: 3px;
		    text-align: center;
		    font-size: 14px;
		    margin-top:6px;
		    border: 1px solid #1fa1dc;
		    color: #FFF;
		    margin-left:10px;
		}
		.alipay_choose,.bank_choose{display: none}
		.loginscreen{padding:40px 20px;}
		.header .ptitle{height:45px;line-height: 45px} */

	html,
	body {
		margin: 0;
		padding: 0;
		border: none;
		background: -webkit-linear-gradient(#484336, #252626);
		background: -o-linear-gradient(#484336, #252626);
		background: -moz-linear-gradient(#484336, #252626);
		background: linear-gradient(#484336, #252626);
		color: #fff98d;
	}
	header{
          width: 100%;
          height: 1.2rem;
          background-color: #2c2d25;
          color: #d6d178;
          font-size: 0.346rem;
          text-align: center;
          line-height: 1.2rem;
          position: fixed;
          z-index: 111;
          bottom: 0;
      }
      header nav a{
          color: #d6d178;
          font-size: 0.4rem;
          text-decoration: none;
          /* position: absolute; */
          /* left: 0.3rem; */
          -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
      }
	.loginscreen{
		padding-top: 1.2rem;
	}
	label{
			float: left;
			font-size: 0.32rem;
			vertical-align: middle;
		}
		input{
			float: left;
			font-size: 0.32rem;
			color: #fff98d;
			vertical-align: middle;
		}
		.form-group{
			width: 7.66rem;
			height: 1.2rem;
			margin: 0 auto;
			background-color: #2c2d25;
			border: 1px solid #fff98d;
			border-radius: 8px;
			margin-bottom: 0.3rem;
			line-height: 1.2rem;
			padding-left: 0.2rem;
		}
		.form-control{
			background-color: #2c2d25;
			border: none;
			outline: none;
			padding: 0;
			height: 0.8rem;
			width: 5rem;
			margin-top: 0.17rem;
		}
		.form-con{
			background-color: #2c2d25;
			border: none;
			outline: none;
			padding: 0;
			float: left;
			height: 0.8rem;
			width: 5rem;
		}
		#button{
			width: 7.86rem !important;
			height: 1.2rem;
			margin: 0.4rem auto;
			border: none;
			border-radius: 8px;
			color: #404040;
			display: block;
			font-size: 0.43rem;
            background: -webkit-linear-gradient(left, #fffb91, #ffb228); 
            background: -o-linear-gradient(right, #fffb91, #ffb228);
            background: -moz-linear-gradient(right, #fffb91, #ffb228);
            background: linear-gradient(to right, #fffb91, #ffb228);
		}
		/* footer {
		width: 10rem;
		height: 1.33rem;
		left: 50%;
		transform: translate(-50%);
		background-color: #131314;
		position: fixed;
		bottom: 0;
		z-index: 1111;
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
		padding: 5px 0;
	}
	footer a {
		color: #fff98d;
		display: block;
		text-align: center;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-user-select: none;
		-moz-user-focus: none;
		-moz-user-select: none;
		font-size: 0.246rem;
	}
	footer a p{
		color: #fff98d;
		margin: 0 !important;
	}
	footer a img{
		width:0.72rem;
		height: 0.653rem;
	} */
	.logo img{
		width:4.73rem;
		height: 4.36rem;
		display: block;
		margin: 0 auto;
	}
      #pos{
		  position: relative;
		  top: -0.6rem;
	  }
	  .black_overlay4{
      display: none;
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index:100111;
      -moz-opacity: 0.8;
      opacity:.80;
      filter: alpha(opacity=88);
    }
	.white_content4 {
      display: none;
      position: absolute;
      top: 35%;
      /* left: 25%; */
      bottom: 0;
      width: 10rem;
      height: 14.33rem;
      /* padding: 20px; */
      /* border: 10px solid orange; */
      background-color: #262626;
      z-index:100211;
      /* overflow: auto; */
      border-top: 2px solid #ffe668;
    }
    .close4{
        display: none;
        width: 0.88rem;
        height: 2.09rem;
        position: absolute;
        top:24%;
        left:50%;
        bottom: 13.24rem;
        z-index: 111111;
        transform: translate(-0.44rem);
    }
   #light4>p{
        width: 10rem;
        margin: 0;
        height: 1.06rem;
        border-bottom: 1px solid #67603a;
        text-align: center;
        line-height: 1.06rem;
        font-size: 0.546rem;
        color: #ffe668;
    }
</style>

<body>
	<!-- <div class="header">
		  <div class="all_w ">
		    <div class="gofh"> <a href="javascript:history.back()"><img src="/Public/Home/img/jt_03.jpg"></a> </div>
		    <div class="ptitle">
		      佣金转入钱包
		        <a href="/" class="backgame">返回游戏</a>
		    </div>
		  </div>
		</div> -->
		<div class="logo">
			<img src="__PUBLIC__/Home/img/horss.png" alt="">
		</div>
	<div class=" text-center loginscreen  animated fadeInDown" id="pos">
		<div>
			<form class="m-t form-horizontal " role="form" method="post" action="{:U('Home/User/yzq')}" id="LoginForm">

				<div class="form-group">
					<label class="col-sm-2 control-label">昵称：&#X3000;&#X3000;&#X3000;&#X3000;</label>
					<div class="col-sm-6 form-con" >
						{$userinfo.nickname}
					</div>
				</div>

				<div class="form-group">
					<label class="col-sm-2 control-label">剩余佣金：&#X3000;&#X3000;</label>
					<div class="col-sm-6 yong form-con">
						{$userinfo.yong}
					</div>
				</div>

				<div class="form-group">
					<label class="col-sm-2 control-label">转入金额：&#X3000;&#X3000;</label>
					<div class="col-sm-6">
						<input  type="text" placeholder="请输入" id="money" name="money" class="form-control" required onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
						 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">
					</div>
				</div>

		</div>

		<input type="hidden" name="uid" value="{$userinfo.id}">
		<button type="submit" class="btn btn-success block full-width m-b" id="button" style="padding:0">确定</button>
		</form>
	</div>
	</div>
	<header>
			<nav>
				<a href="javascript:history.back()">返回</a>
				  <!-- <span>优惠活动</span> -->
			</nav>
		   </header>
	<!-- <footer>
		<a href=" /Home/Run/index"><img src="__PUBLIC__/Home/img/11.png" alt="">
			<p>主页</p>
		</a>
		<a href="{:U('Home/Run/active')}"><img src="__PUBLIC__/Home/img/12.png" alt="">
			<p>优惠活动</p>
		</a>
		<a href=" {:U('Home/User/index')}"><img src="__PUBLIC__/Home/img/13.png" alt="" >
			<p>个人中心</p>
		</a>
		<a href="#" onclick="openKefu()"><img src="__PUBLIC__/Home/img/14.png" alt="" >
			<p>在线客服</p>
		</a>
	</footer>
	<a href = "javascript:void(0)" onclick = "closeKefu()"><img src="__PUBLIC__/Home/img/close.png" alt=""  id="close4" class="close4">
	</a>
			<div id="light4" class="white_content4">
				<p>在线客服</p>
	   <img src="__PUBLIC__/Home/img/kefu1.jpg" alt="" style="display:block;width:6.33rem;height:8.26rem;margin:0.3rem auto;">
			   </div>
			<div id="fade4" class="black_overlay4"></div> -->


	
	<script src="__PUBLIC__/Admin/js/jquery.min.js?v=2.1.4"></script>
	<!-- <script src="__PUBLIC__/Admin/js/bootstrap.min.js?v=3.3.6"></script> -->

	<script src="__PUBLIC__/Common/js/ajaxForm.js"></script>
	<script src="__PUBLIC__/layer/layer.js"></script>
	<script>
	
		function openKefu(){
					  document.getElementById('light4').style.display='block';
					  document.getElementById('fade4').style.display='block';
					  document.getElementById('close4').style.display='block';
				  }
				function closeKefu(){
				  document.getElementById('light4').style.display='none';
				  document.getElementById('fade4').style.display='none';
				  document.getElementById('close4').style.display='none';
				}
	  </script>
	<script>
		;
		(function (win, lib) {
			var doc = win.document;
			var docEl = doc.documentElement;
			var metaEl = doc.querySelector('meta[name="viewport"]');
			var flexibleEl = doc.querySelector('meta[name="flexible"]');
			var dpr = 0;
			var scale = 0;
			var tid;
			var flexible = lib.flexible || (lib.flexible = {});
	
			if (metaEl) {
				// console.warn('将根据已有的meta标签来设置缩放比例');
				var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
				if (match) {
					scale = parseFloat(match[1]);
					dpr = parseInt(1 / scale);
				}
			} else if (flexibleEl) {
				var content = flexibleEl.getAttribute('content');
				if (content) {
					var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
					var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
					if (initialDpr) {
						dpr = parseFloat(initialDpr[1]);
						scale = parseFloat((1 / dpr).toFixed(2));
					}
					if (maximumDpr) {
						dpr = parseFloat(maximumDpr[1]);
						scale = parseFloat((1 / dpr).toFixed(2));
					}
				}
			}
			if (!dpr && !scale) {
				var isAndroid = win.navigator.appVersion.match(/android/gi);
				var isIPhone = win.navigator.appVersion.match(/iphone/gi);
				var devicePixelRatio = win.devicePixelRatio;
				if (isIPhone) {
					// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
					if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
						dpr = 3;
					} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
						dpr = 2;
					} else {
						dpr = 1;
					}
				} else {
					// 其他设备下，仍旧使用1倍的方案
					dpr = 1;
				}
				scale = 1 / dpr;
			}
			docEl.setAttribute('data-dpr', dpr);
			if (!metaEl) {
				metaEl = doc.createElement('meta');
				metaEl.setAttribute('name', 'viewport');
				metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale +
					', minimum-scale=' + scale + ', user-scalable=no');
				if (docEl.firstElementChild) {
					docEl.firstElementChild.appendChild(metaEl);
				} else {
					var wrap = doc.createElement('div');
					wrap.appendChild(metaEl);
					doc.write(wrap.innerHTML);
				}
			}
	
			function refreshRem() {
				var width = docEl.getBoundingClientRect().width;
				if (width / dpr > 750) {
					width = 750 * dpr;
				}
				var rem = width / 10;
				docEl.style.fontSize = rem + 'px';
				flexible.rem = win.rem = rem;
			}
			win.addEventListener('resize', function () {
				clearTimeout(tid);
				tid = setTimeout(refreshRem, 100);
			}, false);
			win.addEventListener('pageshow', function (e) {
				if (e.persisted) {
					clearTimeout(tid);
					tid = setTimeout(refreshRem, 100);
				}
			}, false);
			if (doc.readyState === 'complete') {
				doc.body.style.fontSize = 12 * dpr + 'px';
			} else {
				doc.addEventListener('DOMContentLoaded', function (e) {
					doc.body.style.fontSize = 12 * dpr + 'px';
				}, false);
			}
	
			refreshRem();
			flexible.dpr = win.dpr = dpr;
			flexible.refreshRem = refreshRem;
			flexible.rem2px = function (d) {
				var val = parseFloat(d) * this.rem;
				if (typeof d === 'string' && d.match(/rem$/)) {
					val += 'px';
				}
				return val;
			}
			flexible.px2rem = function (d) {
				var val = parseFloat(d) / this.rem;
				if (typeof d === 'string' && d.match(/px$/)) {
					val += 'rem';
				}
				return val;
			}
		})(window, window['lib'] || (window['lib'] = {}));
	</script>
	<script type="text/javascript">
		$(function () {
			$('#LoginForm').ajaxForm({
				beforeSubmit: checkForm,
				success: complete,
				dataType: 'json'
			});

			function checkForm() {
				if ($("#money").val() > parseInt($('.yong').text())) {
					layer.alert('佣金不足', {
						icon: 5
					}, function (index) {
						layer.close(index);
						$('#money').focus();
					});
					return false;
				}
			}

			function complete(data) {
				if (data.status == 1) {
					$('.btn').attr('disabled', 'disabled');
					layer.msg(data.info, function (index) {
						layer.close(index);
						window.location.href = data.url;
					});
				} else {
					layer.msg(data.info);
					$('#password').val('').focus();
					return false;
				}
			}
		});
	</script>

</body>

</html>